<!--
 * @description: 
 * @Author: Islands
 * @Date: 2024-03-28 12:47:18
 * @LastEditTime: 2024-03-28 13:06:05
-->
<script lang="ts" setup>
import { defineProps } from "vue";
import { Plus, Delete, Download, Upload } from "@element-plus/icons-vue";
defineProps<{
  addEvent?: () => void;
  importEvent?: () => void;
  exportEvent?: () => void;
  deleteBatchEvent?: () => void;
}>();
</script>
<template>
  <div class="button">
    <el-button type="primary" :icon="Plus" @click="addEvent">
      {{ $t(`button.add`) }}
    </el-button>
    <el-button type="warning" :icon="Upload" @click="importEvent">
      {{ $t(`button.import`) }}
    </el-button>
    <el-button type="warning" :icon="Download" @click="exportEvent">
      {{ $t(`button.export`) }}
    </el-button>
    <el-button type="danger" :icon="Delete" @click="deleteBatchEvent">
      {{ $t(`button.deleteBatch`) }}
    </el-button>
  </div>
</template>
<style lang="scss" scoped></style>
